<template>
	<view class="content">
		 <view class="content-part" >在线问
		 <button class="button" open-type="contact"></button>
		 </view>
		 <view class="content-part" @click="callup()">打电话</view>
	</view>
</template>

<script>
	export default {
		props:{
			telPhoneNumber:{
				type:Number,
			    default:18664470888
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			callup(){
				uni.makePhoneCall({
				    phoneNumber: this.telPhoneNumber.toString() //仅为示例
				});
			},
		}
	}
</script>

<style scoped lang="less">
   .content{
	   position: fixed;
	   bottom: 0;
	   width: 100%;
	   z-index: 9999;
	   display: flex;
	   justify-content: space-between;
	   background: white;
	   padding: 20rpx;
	   .content-part{
		   width: 45%;
		   height: 100rpx;
		   border-radius: 5rpx;
		   display: flex;
		   justify-content: center;
		   align-items: center;
		   color: white;
		   font-size: 35rpx;
		   .button {
		   				position: absolute;
		   				width: 100%;
		   				height: 100%;
		   				z-index: 999;
		   				opacity: 0;
						top:0;
		   			}
	   }
	   .content-part:nth-child(1){
		   position: relative;
		   background: #19be6b ;
		 
	   }
	   
	   .content-part:nth-child(2){
	   		   background: #41b3ff ; 
	   }
   }
</style>
